HTML Showcase

This page showcases common HTML tags and how they are displayed in a browser.

Headings

Heading

Sub heading

Sub sub heading

<h1>Heading</h1>
<h2>Sub heading</h2>
<h3>Sub sub heading</h3>

Paragraphs and Formatting

This is a standard paragraph.

Bold text, italic text, and underlined text.

<p>This is a standard paragraph.</p>
<p><strong>Bold text</strong>, <em>italic text</em>, and <u>underlined text</u>.</p>

Lists

Unordered List

• Item 1
• Item 2
• Item 3

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Ordered List

1. First item
2. Second item
3. Third item

<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Links and Images

Visit Example Website

<a href="https://example.com">Visit Example Website</a>
<img src="https://www.si.ips.pt/ips_si/imagens/_ips-logotipo-site" alt="Placeholder Image">

Tables

<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Country</th>
    </tr>
    <tr>
        <td>John</td>
        <td>30</td>
        <td>USA</td>
    </tr>
    <tr>
        <td>Maria</td>
        <td>25</td>
        <td>Brazil</td>
    </tr>
</table>

Blockquotes

<blockquote>"This is a blockquote example."</blockquote>

"This is a blockquote example."

Code Snippets

<code>This is an inline code snippet</code>

Abbreviations

<abbr title="Hypertext Markup Language">HTML</abbr> is a markup language.

HTML is a markup language.

Horizontal Line

Above is a horizontal line.

<hr>